$white: white; // 白色

$black: black; // 黑色
$blue: #409eff; // 淡蓝色
$green: #67c23a; // 绿色

$font-color: #333; // 全局color 颜色

// 全局 背景颜色
@mixin bg_color {
	[bg-color='blue'] & {
		background-color: $blue !important;
	}

	[bg-color='night'] & {
		background-color: $black !important;
	}

	[bg-color='green'] & {
		background-color: $green !important;
	}
}

@mixin font_color {
	[bg-color='white'] & {
		color: $white !important;
	}

	[bg-color='black'] & {
		color: $font-color;
	}
}

// 下划线 颜色
@mixin Underline {
	[bg-color='blue'] & {
		border-bottom: 1px solid $white;
	}

	[bg-color='night'] & {
		border-bottom: 1px solid #4c4d4f;
	}

	[bg-color='green'] & {
		border-bottom: 1px solid $white;
	}
}

// 边框 颜色
@mixin borderColor {
	[bg-color='daytime'] & {
		border: 1px solid #f0f0f2 !important;
	}

	[bg-color='night'] & {
		border: 1px solid #4c4d4f !important;
	}
}

// color 颜色
@mixin color {
	[bg-color='daytime'] & {
		color: $font-color;
	}

	[bg-color='night'] & {
		color: $white;
	}
}

// 背景 颜色
@mixin backgroundColor {
	[bg-color='daytime'] & {
		background-color: #f0f0f2 !important;
	}

	[bg-color='night'] & {
		background-color: #4c4d4f !important;
	}
}
